<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <div th:include="common/head_info::head_infor"></div>
    <script type="text/javascript" th:src="@{../js/moment-with-locales.min.js}"></script>
    <link rel="stylesheet" type="text/css" th:href="@{../css/bootstrap-datetimepicker.css}">
    <script type="text/javascript" th:src="@{../js/bootstrap-datetimepicker.js}"></script>
    <script type="text/javascript" th:src="@{../js/bootstrap-datetimepicker.zh-CN.js}"></script>
    <script type="text/javascript" th:src="@{../js/financeCount.js}"></script>
    <script type="text/javascript" th:src="@{../js/layer.js}"></script>
    <script type="text/javascript" th:src="@{../js/echarts.min.js}"></script>
    <title>Title</title>
</head>
<body>
<div class="container center" style="margin-top: 20px;">
    <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
            请选择年份：
            <input type="text" class="form-control" value="2018" id="dateTime" name="dateTime" readonly>
        </div>
        <button type="button" class="btn btn-default" onclick="getData()">查找</button>
    </form>
</div>

<div>
    <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
    <div id="container" style="width: 1000px;height:400px;"></div>
</div>

<script type="text/javascript">
    //时间插件
    $('#dateTime').datetimepicker({
        language: 'zh-CN',
        format: 'yyyy',
        startView: 4,
        minView: 4,
        autoclose: 1,
        pickerPosition: "bottom-left"
    });
    //echart插件
    var myChart = echarts.init(document.getElementById('container'));
    //总汇总
    var option = {
        title: {
            text: '资金统计',
            // subtext: '如下',
            x: 'center'
        },
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            data: ['收益', '成本', '代理金']
        },
        series: []
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>
</body>
</html>